iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 8
0

前面花了7天才完成一兩個部分,看看自己畫的Mock-up還有很長一段路要走的樣子。繼續將其他的html 新增進網頁吧!
首先要進行的是專程與技能的部分,一樣用框框圈起來div。
https://ithelp.ithome.com.tw/upload/images/20200920/20130249FZqjknqQt2.png
看起來比較棘手的部分應該是那個三角形,感覺可以之後用CSS寫,但如果我之後做不到空心三角形,可能還是會替換成圖片。
再來是技能量表,html 有提供量表的標籤 < progress >

<label for = "file" > 量表名稱 </label>
<progress id= "file" value="32" max="100"> 32% </progress>

value 裡面填寫量表的數值,max 是量表最大值。
https://ithelp.ithome.com.tw/upload/images/20200920/2013024964yD0s2lcU.jpg
在網頁上顯示的模樣,不過現在的對齊看起來還真崩潰,之後用 CSS 調整吧!


這幾天開學之後比較忙一些,今天的內容比較少><
Keep Going系列的內容會是在分享功能之後,自己實作的部分


下一章 Keep Going 2

※本文章所使用之圖片皆為本人作品,內容則為本人之經驗分享


上一篇
Day 07 | 包山包海div
下一篇
Day 09 | Keep Going 2
系列文
挑戰!用30天做一個自己的履歷作品集網頁!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言